<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<link rel="stylesheet" href="/che/Public/Home/css1/odstyle.css" />
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<!--
	作者：张津瑞
	时间：2018-04-16
	描述：(c) Copyright 2018 睿腾网络. All Rights Reserved. 
-->
		<title>订单详情</title>
	</head>

	<body class="bg">

		<div id="center">
			<div class="zhuangtai" style="height: 50px;">
				<p class="huifont">订单状态</p><p class="padding">订单已提交</p>
			</div>
			<div style="clear: both"></div>
			<div class="zhuangtai">
				<div class="xian"><span class="huifont1">门店地址：大连</span></div>
				<div class="xian"> <span class="huifont1">服务时间：00:00:00-00:00:00</span></div>
				<div class="xian"> <span class="huifont2">联系电话：15000000000</span></div>
			</div>
			<div class="zhuangtai">
				<div class="xian">
					<h3>哈佛H6</h3></div>
				<div class="xian"><span class="xiche">洗车</span> <span class="xiche1">￥50.00</span> </div>
				<div class="white"> </div>

			</div>
			<div class="zhuangtai">
				<span class="youhui">优惠</span>
			</div>
			<div class="zhuangtai">
				<div>
				<p class="huifont2">价格</p> <p class="xiche1">￥50.00</p></div>
				<div style="clear: both"></div>
				<div><p class="huifont2">优惠</p><p class="xiche1">-￥0.00</p></div>
				<div style="clear: both"></div>
				<div><p class="huifont2">预计需支付</p><p class="xiche1">￥50</p></div>
				<div style="clear: both"></div>
				<p class="huifont2_1">预计价格为预估费用，价格以最终方案价格为准</p>
			</div>
			<div class="zhuangtai">
				<span class="youhui">留言</span>
			</div>
			<div class="zhuangtai">
				<span class="youhui">订单编号</span><span class="huifont2_2">1804104447393843834</span><br />
				<span class="youhui">下单时间</span><span class="huifont2_2">2018-04-13 12:20:02</span>
			</div>
			<div class="zhuangtai_1">
				<button class="bottom_2" type="button" onclick="">付款</button>
				<button class="bottom_1" data-toggle="modal" data-target="#myModal">取消订单</button>
			</div>
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<div class="modal-title1">
						<h4 class="modal-title" id="myModalLabel">
					订单取消原因
				</h4>	
				<h5 class="modal-title" id="myModalLabel">
					请反馈原因我们会努力改进
				</h5>
				</div>
					</div>
					
					<div class="modal-body">
					    <input type='checkbox' name='VoteOption1' value=1> 超出了上门服务范围<br />
						<input type='checkbox' name='VoteOption1' value=1> 需要重新修改订单信息<br />
						<input type='checkbox' name='VoteOption1' value=1> 报价太高了<br />
						<input type='checkbox' name='VoteOption1' value=1> 不想到店维修<br />
						<input type='checkbox' name='VoteOption1' value=1> 重启恢复正常了<br />
						<input type='checkbox' name='VoteOption1' value=1> 等待时间太久<br />
						<input type='checkbox' name='VoteOption1' value=1> 不放心上门服务<br />
						<input type='checkbox' name='VoteOption1' value=1> 工程师无法在约定时间内到达<br />
						<textarea style="resize: none;width: 100%; margin-top: 8%;" rows="5" cols="50" placeholder="手动输入原因，您可以输入100个字" ></textarea>
						
						
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取 消
				</button>
						<button type="button" class="btn btn-primary">
					提 交
				</button>
					</div>
				</div>
				
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>

	</body>

</html>